<template>
	<view :class="{container: !notice}">
		<u-swiper :list="list" keyName="pictureUrl" :autoplay="true" circular imgMode="aspectFll"></u-swiper>
	</view>
</template>

<script>
	export default {
		name: "Carousel",
		data() {
			return {
				list: [],
			};
		},
		props: ['notice'],
		created() {
			this.getCarousel()
		},
		methods: {
			async getCarousel() {
				const {data: res} = await this.$myRequest({
					url: '/bannerBefore/getBanner',
				})
				this.list = res.data.list
			}
		}
	}
</script>

<style lang="scss">
	.container {
		margin-top: 108rpx;
	}
</style>
